<template>
  <div>
    <h1>{{ msg }}</h1>
    <h3>{{ msg1 }}</h3>
    <h4>name:{{ obj.name }}  age: {{ obj.age }}</h4>
    <h3>{{ fn() }}</h3>
  </div>
</template>

<script setup>
import { reactive,ref } from 'vue';
    const msg = 'hello vue3'
    const msg1 = ref('vue3')
    const obj = reactive({
      name: 'vue3',
      age:'15'
    })
    function fn()  {
      return 10000
    }
</script>

<style scoped>

</style>